<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/company.css">
    <script src="../js/jquery.js"></script>
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/common.js"></script>
</head>
<script>
    //页面刷新时，需要进入这个方法 $(function () { });
    $(function () {
        lunbo();//调用轮播js
    });

    function lunbo() {
        // getElementById 通过id拿值，id表示唯一
        let product = document.getElementById("company-img2");//通过id得到对象，这个对象是唯一
        let ul = product.getElementsByTagName("ul")[0];//通过标签得到对象，
        let li = ul.getElementsByTagName("li");//得到ul里面所有li的对象
        ul.innerHTML = ul.innerHTML + ul.innerHTML;//为了使轮播连续，所以需要将ul变成两个内容，使连续播放
        ul.style.width = li[0].offsetWidth * li.length + "px";//offsetWidth实际宽度
        setInterval(function () {
            if (ul.offsetLeft < -ul.offsetWidth / 2) {//刚好向左移动走完一次
                ul.style.left = "0";//即显示我们的ul为0，重新再次走
            }
            ul.style.left = ul.offsetLeft - 10 + "px";
        }, 100);
        //    上面１００叫毫秒
    }
</script>
<body>
<!--html分块，由div来进行分块-->
<!--div块级元素，自动换行 span 行内元素 -->
<div id="topHtml"></div>
<!--公司介绍-->
<div class="company">
    <div class="banner">公司介绍</div>
    <div>
        <p>星语餐饮有限公司创建于1997年,公司总部位于全国卫生城市--南京市。(位于中国 ”黄金水道”一长江 下游南岸江苏省境内，处于中国沿江及沿海两大经济带的
            交汇处，上海、南京苏州、无锡等大中城市环列四周，距上海98公里、苏州58公里、无锡40公里、常州70公里、 南通30公里、南京200公里，距虹桥机场98公里，浦东机
            场150公里，南京禄口机场200公里。)</p>
        <p>星语餐厅是一家家式大众餐厅，以星语系列特色菜及盱眙龙虾为主流，兼营冷菜、热菜、酒饮茶等食品，是家庭休闲，商务简餐，朋友小聚，情侣约会，生日聚会的
            理想处所。餐厅装饰简约时尚，苏州园林文化浓郁。</p>
        <p> 星语独有的神秘配方和标准化产品操作流程为产品完全口味统一奠定坚实的基础， 将复杂的制作傻瓜化，外地加盟店只要在当地找-批工资底有基础的厨师经总部派遣
            的技术总监稍做指导,便能做出符合要求的菜肴。</p>
        <p> 星语餐饮有限公司很重视产品的研发和创新，餐单有规律翻新，坚持不断促销活动，使老顾客不断增加，以致生意常年稳定。统- -风格的装修，完善的培训体系及强大
            的策划能力给投资者更大的回报目前分店每到-处均生意火爆异常，晚上等台就餐已是司空见惯。特别是每年龙虾上市季节，督厅内更是人满为患，必须排队就餐。- 般加盟
            6----10个月均能收回所有投入。</p>
        <p>星语餐饮连锁加盟总部人才济济，100%大专以上， 80%本科以上，其中有清华大学餐饮管理EMBA.工商管理MBA硕士等专家团，为星语餐饮的拓展保驾护航。
            星语餐饮"以宏扬吴越饮食文化为己任，以丰富国民饮食结构,铸造中国餐饮-流品牌为祟高追求。目前公司已经拥有一个大型天然食材基地， 直营店4家，加盟店100多
            家，分布全国各地。“星语餐饮"诚邀有志之士加盟，将星语督饮饮食文化推向全国，推向世界。</p>

    </div>
    <div class="company-img">
        <!--        img属于行内元素，不会自动换行，在同一行，这一个用css进行轮播-->
        <img src="../img/21_ttlm.jpg" height="300" width="300"/>
        <img src="../img/45_935i.jpg" height="300" width="300"/>
        <img src="../img/46_mkua.jpg" height="300" width="300"/>
        <img src="../img/32_zq2b.jpg" height="300" width="300"/>
        <img src="../img/21_ttlm.jpg" height="300" width="300"/>
        <img src="../img/33_6atw.jpg" height="300" width="300"/>
        <img src="../img/45_935i (1).jpg" height="300" width="300"/>
    </div>
    <!--    js轮播，只提供展示，以后学了js就懂了-->
    <div class="company-img2" id="company-img2">
        <ul>
            <li><img src="../img/21_ttlm.jpg" height="300" width="300"/></li>
            <li><img src="../img/45_935i.jpg" height="300" width="300"/></li>
            <li><img src="../img/46_mkua.jpg" height="300" width="300"/></li>
            <li><img src="../img/32_zq2b.jpg" height="300" width="300"/></li>
            <li><img src="../img/21_ttlm.jpg" height="300" width="300"/></li>
            <li><img src="../img/33_6atw.jpg" height="300" width="300"/></li>
            <li><img src="../img/45_935i (1).jpg" height="300" width="300"/></li>
        </ul>
    </div>
</div>
<!--下边部分-->
<div id="footHtml"></div>
</body>
</html>